<#compress>
    <#assign day>?_=${.now?string("yyyy-MM-dd")}</#assign>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>问卷调查</title>
    <link rel="stylesheet" href="${ctx}/static/mobileweb/2/css/style.css${day}">
    <link rel="stylesheet" href="${ctx}/static/mobileweb/2/skins/minimal/blue.css${day}">
    <style type="text/css">
        .bs-callout{
            margin      : 20px 0 0;
            padding     : 20px;
            border-left : 3px solid #eee;
        }

        .bs-callout h4{
            margin-top    : 0;
            margin-bottom : 5px;
        }

        .bs-callout p:last-child{
            margin-bottom : 0;
        }

        .bs-callout-danger{
            background-color : #fdf7f7;
            border-color     : #eed3d7;
        }

        .bs-callout-danger h4{
            color : #b94a48;
        }

        .bs-callout-warning{
            background-color : #faf8f0;
            border-color     : #faebcc;
        }

        .bs-callout-warning h4{
            color : #8a6d3b;
        }

        .bs-callout-info{
            background-color : #f4f8fa;
            border-color     : #bce8f1;
        }

        .bs-callout-info h4{
            color : #34789a;
        }
    </style>
</head>

<body>
<div class="bs-callout bs-callout-info">
    <h4>尊敬的女士、先生：</h4>

    <p>您好！感谢您在百忙之中填写问卷，请您根据自己的实际感受和看法如实填写，本问卷采用匿名形式，所以数据仅供学术研究分析使用。</p>

    <p>敬祝身体健康，万事如意！</p>
</div>
<div class="qust">
    <div class="qCnt">
        <div class="notice">
            填完后可赢取中南币
        </div>

        <div class="qMcnt">
            <div class="qList">
                <#if votes??>
                    <#list votes! as v_t>
                        <h2>${v_t.title!}</h2>
                        <#list v_t.voteList! as v>
                            <div class="qBox">
                                <div class="qItem" id="vote_item_${v.id!}">
                                    <h3>${v_index+1}、${v.title!}：<span>*</span></h3>
                                    <ul data-category="${v.id!}">
                                        <#list v.opt?split('{}') as o>
                                            <li data-data="${o_index}" data-name="${v.id!}">
                                                <label for="vote_${v_t_index}_${v_index}_${o_index}">
                                                    <input type="${(v.style==0)?string('radio','checkbox')}" name="${v.id!}"
                                                           id="vote_${v_t_index}_${v_index}_${o_index}"
                                                           value="${o_index}"> ${o} &nbsp;&nbsp;</label>
                                            </li>
                                        </#list>
                                    </ul>
                                </div>
                                <div class="qDec"></div>
                            </div>
                        </#list>
                    </#list>
                </#if>
                <input type="button" name="btnSub" value="提交答卷" id="submit_vote"
                       data-url="${ctx}/mobileweb/vote/submit"
                       data-ok="${ctx}/mobileweb/vote/ok">
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/icheck.min.js"></script>
<script type="text/javascript">
    var po = {
        member: '${mid!}',
        wx_no : '${wxno!}',
        set   : '${set!}'
    }
</script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/p/vote.js${day}"></script>
</body>
</html>
</#compress>